// 事件传参
import React from 'react';
export default class App extends React.Component {
  // handleClick = (e) => {
  //   console.log('事件源：', e.currentTarget.dataset.id);
  // };
  handleClick = (params, e) => {
    console.log(params, e);
  };
  render() {
    return (
      <div>
        <h1>事件传参</h1>
        {/* 不传任何参数情况下，默认将事件源传入，在React中叫做合成事件 */}
        {/* 
          vue @click="handleClick(100,$event)"
          微信小程序 bindtap="handleTap" data-id="123" 
        */}
        {/* <button onClick={this.handleClick} data-id='123'>
          点击传参
        </button> */}
        {/* 1. 箭头函数传参  */}
        {/* <button
          onClick={(e) => {
            this.handleClick('456', e);
          }}
        >
          箭头函数传参
        </button> */}
        {/* 通过bind 进行传参 */}
        <button onClick={this.handleClick.bind(this, 789)}>
          通过bind进行传参
        </button>
      </div>
    );
  }
}
